<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/template.xhtml">
        <ui:define name="title">
            <h:outputText value="#{despacho.Titulo}"></h:outputText>
        </ui:define>
        <ui:define name="body">
            <h:form >          
                <p:growl id="msgs" showDetail="true" sticky="true" />                
                <p:panel header="#{despacho.Administracion}" style="font-size: small" > 
                    <table width="100%" border="0">
                        <tbody>
                            <tr>       
                                <td valign="center" align="left">
                                    <p:commandButton action="#{despachoController.cargarCrearDespacho()}" 
                                     value="#{despacho.TituloCrearNuevo}"
                                     icon="ui-icon-plusthick"
                                     rendered="#{accionController.getAccionByVista('Despacho', 'Crear')}"
                                     ajax="false" />                                                                                                          
                                </td>

                                <td valign="center" align="right">
                                    <h:commandLink action="#{some_action}">                                            
                                        <h:graphicImage width="35" height="35" url="../img/ico/export/excel.png" alt="download"/>                                                                                        
                                    </h:commandLink>

                                    <h:commandLink action="#{some_action}">                                            
                                        <h:graphicImage width="35" height="35" url="../img/ico/export/pdf.png" alt="download"/>                                            
                                    </h:commandLink>

                                </td>                                                      
                            </tr>                                
                        </tbody>
                    </table>                                          

                    <p:dataTable id="tbl" var="item" value="#{despachoController.items}" 
                                 widgetVar="tablaDespachos"                                 
                                 emptyMessage="#{despacho.SinDatos}" 
                                 style="font-size: small; margin-top: 10px"
                                 paginator="true" rows="10">

                        <f:facet name="header">
                            <p:outputPanel>
                                <h:outputText value="Buscar por todos los criterios:" />
                                <p:inputText id="globalFilter" onkeyup="PF('tablaDespachos').filter()" style="width:200px" placeholder="Ingrese la palabra clave"/>
                            </p:outputPanel>
                        </f:facet>                        

                        <p:column headerText="#{despacho.RUC}" filterBy="#{item.ruc}" >
                            <h:outputText value="#{item.ruc}"/>
                        </p:column>            

                        <p:column headerText="#{despacho.Apellidos}" filterBy="#{item.apellidos}" >
                            <h:outputText value="#{item.apellidos}"/>
                        </p:column>                       

                        <p:column headerText="#{despacho.Nombres}" filterBy="#{item.nombres}" >
                            <h:outputText value="#{item.nombres}"/>
                        </p:column>                                         

                        <p:column headerText="Herramientas" >
                            <div class="container" align="center">       
                                <p:commandButton  ajax="false" action="#{despachoController.cargarModificarDetalleDespacho(item.id)}" 
                                                  value="#{despacho.Modificar}"
                                                  rendered="#{accionController.getAccionByVista('Despacho', 'Editar')}"/> | 
                                <p:commandButton   ajax="false" action="#{despachoController.cargarDetalleModificarDespacho(item.id)}" 
                                                   value="#{despacho.Detalle}"
                                                   rendered="#{accionController.getAccionByVista('Despacho', 'Ver')}"/>                                                 

                            </div>
                        </p:column>                                                            
                    </p:dataTable>                    
                </p:panel>
            </h:form>
        </ui:define>
    </ui:composition>

</html>

